<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/total.css" />
		<link rel="stylesheet" href="framework/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/yonghu.css" />
	</head>
	<body>
		<div class="container">
			<!--导航栏-->
			<div class="row nav">
				<div class="col-xs-offset-1 col-xs-8">
					<img src="images/角色管理/save.png" />
					<ul class="ul_navbar">
						<li>系统管理</li>
						<li>></li>
						<li>用户管理</li>
					</ul>
				</div>
			</div>
			<!--搜索栏-->
			<div class="row seach">
				<form action="" method="post" class="form-inline">
					<div class="form-group">
						<label class="control-label">
							用户名:
						</label>
						<input type="text" placeholder="请输入用户名" class="form-control"  />
					</div>
					<div class="form-group">
						<label class="control-label">
							真实姓名:
						</label>
						<input type="text" placeholder="请输入真实姓名" class="form-control"  />
					</div>
					<div class="form-group">
						<button class="btn btn-default">查询</button>
					</div>
					
				</form>
			</div>
			<!--表格头铺-->
			<div class="row" id="title_nav">
				<div class="col-xs-10">
					<span>角色管理</span>
				</div>
				<div class="col-xs-2">
					<img src="images/角色管理/title.png" />
					<a href="#save" data-toggle="modal">新增</a>
				</div>
			</div>
		</div>
		<!--表格-->
		<section>
			<div class="container">
				<div class="row">
					<div class="col-xs-offset-1 col-xs-10">
						<table class="table table-hover table-bordered table-striped text-center">
							<tr>
								<th class="text-center">排序</th>
								<th class="text-center">用户名</th>
								<th class="text-center">真实姓名</th>
								<th class="text-center">角色</th>
								<th class="text-center">机构/部门</th>
								<th class="text-center">状态</th>
								<th class="text-center">操作</th>
							</tr>
							<tr>
								<td>1</td>
								<td>2</td>
								<td>3</td>
								<td>4</td>
								<td>5</td>
								<td>6</td>
								<td>7</td>
							</tr>
							<tr>
								<td>1</td>
								<td>2</td>
								<td>3</td>
								<td>4</td>
								<td>5</td>
								<td>6</td>
								<td>7</td>
							</tr>
							<tr>
								<td>1</td>
								<td>2</td>
								<td>3</td>
								<td>4</td>
								<td>5</td>
								<td>6</td>
								<td>7</td>
							</tr>
							<tr>
								<td>1</td>
								<td>2</td>
								<td>3</td>
								<td>4</td>
								<td>5</td>
								<td>6</td>
								<td>7</td>
							</tr>
							<tr>
								<td>1</td>
								<td>2</td>
								<td>3</td>
								<td>4</td>
								<td>5</td>
								<td>6</td>
								<td>7</td>
							</tr>
							<tr>
								<td>1</td>
								<td>2</td>
								<td>3</td>
								<td>4</td>
								<td>5</td>
								<td>6</td>
								<td>7</td>
							</tr>
							<tr>
								<td>1</td>
								<td>2</td>
								<td>3</td>
								<td>4</td>
								<td>5</td>
								<td>6</td>
								<td>7</td>
							</tr>
							<tr>
								<td>1</td>
								<td>2</td>
								<td>3</td>
								<td>4</td>
								<td>5</td>
								<td>6</td>
								<td>7</td>
							</tr>
							<tr>
								<td>1</td>
								<td>2</td>
								<td>3</td>
								<td>4</td>
								<td>5</td>
								<td>6</td>
								<td>7</td>
							</tr>
							<tr>
								<td>1</td>
								<td>2</td>
								<td>3</td>
								<td>4</td>
								<td>5</td>
								<td>6</td>
								<td>7</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
		</section>
		<!--分页-->
		<section>
			<div class="container">
				<div class="row  js_page">
					<div class="col-xs-offset-4 col-xs-4">
						<ul class="pagination">
							<li><a href="javaScript:;" class="btn btn-default">首页</a></li>
							<li><a href="javaScript:;" class="btn btn-default">上页</a></li>
							<li><a href="javaScript:;" class="btn btn-default">下页</a></li>
							<li><a href="javaScript:;" class="btn btn-default">尾页</a></li>
						</ul>
					</div>
				</div>
			</div>
		</section>
		<!--新增-->
		<div class="modal fade" id="save">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button class="close" data-dismiss="modal">&times;</button>
						<h4 class="modal-title">
							<img src="images/角色管理/u218.png" />
							<span>增加用户</span>
						</h4>
					</div>
					<div class="modal-body">
						<form action="" method="post" class="form-horizontal">
							<div class="row">
									<div class="col-xs-8">
										<div class="form-group">
											<label for="" class="control-label col-xs-3">
												登录名:
											</label>
											<div class="col-xs-7">
												<input type="text" placeholder="请输入登录名"  class="form-control"/>
											</div>
										</div>
										<div class="form-group">
											<label for="" class="control-label col-xs-3">
												密    码:
											</label>
											<div class="col-xs-7">
												<input type="password" placeholder="请输入密码"  class="form-control"/>
											</div>
										</div>
										<div class="form-group">
											<label for="" class="control-label col-xs-3">
												真实姓名:
											</label>
											<div class="col-xs-7">
												<input type="text" placeholder="请输入真实姓名"  class="form-control"/>
											</div>
										</div>
										<div class="form-group">
											<label for="" class="control-label col-xs-3">
												所在部门:
											</label>
											<div class="col-xs-4">
												<select class="form-control">
													<option>选择机构</option>
												</select>
											</div>
											<div class="col-xs-4">
												<select class="form-control">
													<option>选择部门</option>
												</select>
											</div>
										</div>
										<div class="form-group">
											<label for="" class="control-label col-xs-3">
												性别:
											</label>
											<div class="col-xs-9">
												<label class="radio-inline control-label">
													<input type="radio" value="男" checked="checked" /> 男
													
												</label>
												<label class="radio-inline control-label">
													<input type="radio" value="男" /> 女
												</label>
											</div>
										</div>
										<div class="form-group">
											<label for="" class="control-label col-xs-3">
												职称:
											</label>
											<div class="col-xs-9">
												<select class="form-control">
													<option>请选择职称</option>
												</select>
											</div>
										</div>
										<div class="form-group">
											<label for="" class="control-label col-xs-3">
												角色:
											</label>
											<div class="col-xs-9">
												<select class="form-control">
													<option>请选择会员</option>
												</select>
											</div>
										</div>
										<div class="form-group">
											<label for="" class="control-label col-xs-3">
												状态:
											</label>
											<div class="col-xs-9">
												<label class="radio-inline">
													<input type="radio" value="正常" />正常
												</label>
												<label class="radio-inline">
													<input type="radio" value="正常" />冻结
												</label>
											</div>
										</div>
									</div>
									<div class="col-xs-4">
										<div class="headMen">
											<img src="images/用户管理/men.png"  class="img-thumbnai"/>
										</div>
										<div class="btn-hrad">
											<input type="button" value="浏览" class="btn btn-default" />
										</div>
									</div>
							</div>
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default">增加</button>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="framework/jquery/jquery-3.2.1.min.js" ></script>
		<script type="text/javascript" src="framework/bootstrap/js/bootstrap.min.js"></script>
	</body>
</html>
